
{include file="common:head" /}
<link rel="stylesheet" type="text/css" href="__STATIC__/index/css/video.css">
<body>
<div class="index-content">
	<!-- 头部 -->

	{include file="common:header" /}

	<div class="detail width1300">
		<div class="back" onClick="javascript :history.back(-1);"><img style="width:20px;height:20px" src="__STATIC__/index/img/jiantou2.png"/>&nbsp;返回上级</div>
		<div class="content">
			<div class="title">{$info.title}</div>
			<div class="con clearfix">
				<div class="con-left fl">


					<video  class="video"  controls autoplay>
						<source src="{$info.video}" type="video/mp4" class='getvideo'>
					</video>


					<div class="label">
						标签：# {$info.type}
						<span class="label-icon fr">
<!--									<span><img src="__STATIC__/index/img/zan.png" alt="">{$info.number}</span>-->
									<span><img src="__STATIC__/index/img/bofangliang_1.png" alt="">{$info.view}</span>
									<span>{$info.create_time|date="Y.m.d"}</span>
								</span>
					</div>
					<p class="txt">{$info.desc}</p>
				</div>
				<div class="con-right fr">
					<div class="moreVideo"><span class="moreVideoBox"></span>更多视频推荐</div>
					<div class="scroll">
						<ul>
							{volist name="list" id = "item"}
							<li onclick="window.location.href='video_detail.html?id={$item.id}'">
								<div class="car-img fl">
									<img class="car-play" src="{$item.image}" alt="{$item.title}">
								</div>
								<div class="car-txt">
									<p class="over-hides">{$item.title}</p>
									<div class="num">
										<span><img class="icon-img" src="__STATIC__/index/img/bofangliang_1.png" alt=""></span>
										<span>{$item.view}</span>
										<span><img class="icon-img" src="__STATIC__/index/img/pinglunliang.png" alt=""></span>
										<span>{$item.number}</span>
									</div>
								</div>
							</li>

							{/volist}


						</ul>
					</div>
				</div>
			</div>
		</div>

		<div class="lists clearfix">
			<div class="video-list fl">
				<div class="moreVideo"><span class="moreVideoBox"></span>热门视频</div>
				<ul>
					{volist name="list" id = "item"}
					<li onclick="window.location.href='video_detail.html?id={$item.id}'">
						<div class="car-img fl">
							<img class="car-play" src="{$item.image}" alt="{$item.title}">
						</div>
						<div class="car-txt">
							<p class="over-hide">{$item.title}</p>
							<div class="num">
								<span><img class="icon-img" src="__STATIC__/index/img/bofangliang_1.png" alt="">{$item.view}</span>
								<span><img class="icon-img" src="__STATIC__/index/img/zan.png" alt="">{$item.number}</span>
								<span class="fr">2020.10.20</span>
							</div>
						</div>
					</li>
					{/volist}
				</ul>
			</div>
			<div class="video-map">
				<div class="map-con">
					<div class="map-title"><span class="moreVideoBox"></span>联系我们</div>
					<div id="map"></div>
					<div class="map-phone">
						<p class="phone-txt">客服服务热线</p>
						<p class="phone-num">400-079-6969</p>
					</div>
				</div>
			</div>
		</div>
	</div>


	{include file="common:footer" /}



</div>
<script type="text/javascript" src="__STATIC__/index/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="__STATIC__/index/js/swiper.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=y29MbniOBi9QsjGP6OGhjTWDDAOszDvc"></script>
<script type="text/javascript" src="__STATIC__/index/js/common.js"></script>
<script type="text/javascript" src="__STATIC__/index/js/header_move.js"></script>

<script type="text/javascript">
	//创建和初始化地图函数：
	function initMap(){
		createMap();//创建地图
		setMapEvent();//设置地图事件
		addMapControl();//向地图添加控件
		addMapOverlay();//向地图添加覆盖物
	}
	function createMap(){
		map = new BMap.Map("map");
		//map.centerAndZoom(new BMap.Point(119.165573,29.606333),19);
		map.centerAndZoom(new BMap.Point(120.190371,30.285981),18);
	}
	function setMapEvent(){
		map.enableScrollWheelZoom();
		map.enableKeyboard();
		map.enableDragging();
		map.enableDoubleClickZoom()
	}
	function addClickHandler(target,window){
		target.addEventListener("click",function(){
			target.openInfoWindow(window);
		});
	}
	function addMapOverlay(){
		var markers = [
			// {content:"中诚汽车销售服务有限公司",title:"中诚汽车销售服务有限公司",imageOffset: {width:-46,height:-21},position:{lat:29.606333,lng:119.165573}}
			{content:"中诚汽车销售服务有限公司",title:"中诚汽车销售服务有限公司",imageOffset: {width:-46,height:-21},position:{lat:30.286106,lng:120.18972}}
		];
		for(var index = 0; index < markers.length; index++ ){
			var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
			var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
					imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
				})});
			var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
			var opts = {
				width: 200,
				title: markers[index].title,
				enableMessage: false
			};
			var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
			marker.setLabel(label);
			addClickHandler(marker,infoWindow);
			map.addOverlay(marker);
		};
	}
	//向地图添加控件
	function addMapControl(){
		var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
		scaleControl.setUnit(BMAP_UNIT_METRIC);
		map.addControl(scaleControl);
		var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
		map.addControl(navControl);
	}
	var map;
	initMap();

</script>
<script>
	make_map()
</script>
</body>
</html>
